<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:include="base :: header (title='委外结存')" />
<link th:href="@{plugins/common/css/basemessage.css}" rel="stylesheet" />
<link th:href="@{css/WareHouse/outsourcingSettleStorage.css}" rel="stylesheet" />

<body>
  <div class="main-content blank_bg">
    <div>
      <div>
        <div class="row" style="margin: 10px;">
          <div class="page-heading">
            <div style="margin-bottom: 3px;">
              <div style="float: left; margin-right: 10px;">
                <span class="searchRecord spanCss">检索历史</span>
              </div>
              <div style="float: left; margin-right: 10px; width: 8%;">
                <select
                  name="searchRecord"
                  id="searchRecord"
                  class="form-control"
                  data-live-search="true"
                  data-width="85px"
                  onchange="loadSearchRecord()"
                >
                </select>
              </div>
              <i
                style="float: left;margin: 6px 4px 0px -4px;"
                class="fa fa-times"
                onclick="deleteRecord()"
              >
              </i>
              <div style="float: left">
                <button type="button" class="btn btn-default" id="addSearch">
                  增加搜索组
                </button>
                &nbsp;
                <button type="button" id="saveSearch" class="btn btn-default">
                  保存检索
                </button>
                &nbsp;
                <button type="button" id="resetSearch" class="btn btn-default">
                  重置
                </button>
                &nbsp;
                <button type="button" class="btn btn-default" id="changeColumn">
                  自定义列
                </button>
                &nbsp;
                <button type="button" id="query" class="btn btn-default">
                  搜索
                </button>
              </div>
              <div style="float: right;">
                <button type="button" class="btn btn-default" id="createSettleStorageBill">
                  创建委外结存
                </button>
              </div>
              <div style="float: right;margin-right: 10px;width: 5%;">
                <select name="monthSelect" id="monthSelect" class="form-control">
                  <option value="0">1</option>
                  <option value="1">2</option>
                  <option value="2">3</option>
                  <option value="3">4</option>
                  <option value="4">5</option>
                  <option value="5">6</option>
                  <option value="6">7</option>
                  <option value="7">8</option>
                  <option value="8">9</option>
                  <option value="9">10</option>
                  <option value="10">11</option>
                  <option value="11">12</option>
                </select>
              </div>
              <div style="float:right;margin-right: 10px;">
                <span class="searchRecord spanCss">月份</span>
              </div>
              <div style="float: right;margin-right: 10px;width: 5%;">
                <select name="yearSelect" id="yearSelect" class="form-control">
                </select>
              </div>
              <div style="float:right;margin-right: 10px;">
                <span class="searchRecord spanCss">年份</span>
              </div>
              <div style="clear: both"></div>
            </div>
            <table class="table table-condensed table-form" id="bug-search">
              <tbody>
                <tr id="searchbox1">
                  <td class="w-110px"></td>
                  <td class="w-10px">
                    <span id="searchgroup1">
                      <strong>第一组</strong>
                    </span>
                  </td>
                  <td class="w-110px">
                    <select
                      name="field1"
                      id="field1"
                      class="form-control"
                      data-live-search="true"
                      data-width="85px"
                      onchange="ifTime(1)"
                    >
                      <option value="blank" title="blank" data-keys=" ">
                        无
                      </option>
                    </select>
                    <div
                      class="chosen-container chosen-container-single chosen-compact chosen-with-search"
                      style="width: 100%;"
                      id="field1_chosen"
                    >
                    </div>
                  </td>
                  <td class="w-90px">
                    <select
                      name="operator1"
                      id="operator1"
                      class="form-control"
                    >
                      <option value="=" title="=" data-keys=" ">等于</option>
                      <option value="<>" title="!=" data-keys="! !">
                        不等于
                      </option>
                      <option value=">" title=">" data-keys=" ">大于</option>
                      <option value=">=" title=">=" data-keys=" ">
                        大于等于
                      </option>
                      <option value="<" title="<" data-keys=" ">小于</option>
                      <option value="<=" title="<=" data-keys=" ">
                        小于等于
                      </option>
                      <option value="like" title="包含" data-keys="baohan bh">
                        包含
                      </option>
                      <option
                        value="left like"
                        title="左包含"
                        data-keys="zuobaohan zbh"
                      >
                        左包含
                      </option>
                      <option
                        value="right like"
                        title="右包含"
                        data-keys="youbaohan ybh"
                      >
                        右包含
                      </option>
                    </select>
                  </td>
                  <td class="w-td" id="valueBox1" style="overflow: visible">
                    <input
                      type="text"
                      name="value1"
                      id="value1"
                      class="form-control searchInput"
                      autocomplete="off"
                    />
                  </td>
                  <td class="col-md-5"></td>
                </tr>
                <tr id="searchbox2">
                  <td class="w-110px">
                    <select name="andOr1" id="andOr1" class="form-control">
                      <option
                        value="and"
                        selected="selected"
                        title="并且"
                        data-keys="bingqie bq"
                      >
                        并且
                      </option>
                      <option value="or" title="或者" data-keys="huozhe hz">
                        或者
                      </option>
                    </select>
                  </td>
                  <td class="w-10px">
                    <span id="searchgroup2">
                      <strong>第二组</strong>
                    </span>
                  </td>
                  <td class="w-110px" style="overflow: visible">
                    <select
                      name="field2"
                      id="field2"
                      class="form-control"
                      data-live-search="true"
                      data-width="85px"
                      onchange="ifTime(2)"
                    >
                      <option value="blank" title="blank" data-keys=" ">
                        无
                      </option>
                    </select>
                    <div
                      class="chosen-container chosen-container-single chosen-compact chosen-with-search"
                      style="width: 100%;"
                      id="field1_chosen"
                    >
                    </div>
                  </td>
                  <td class="w-90px">
                    <select name="operator2" id="operator2" class="form-control">
                      <option value="=" title="=" data-keys=" ">等于</option>
                      <option value="<>" title="!=" data-keys="! !">
                        不等于
                      </option>
                      <option value=">" title=">" data-keys=" ">大于</option>
                      <option value=">=" title=">=" data-keys=" ">
                        大于等于
                      </option>
                      <option value="<" title="<" data-keys=" ">小于</option>
                      <option value="<=" title="<=" data-keys=" ">
                        小于等于
                      </option>
                      <option value="like" title="包含" data-keys="baohan bh">
                        包含
                      </option>
                      <option
                        value="left like"
                        title="左包含"
                        data-keys="zuobaohan zbh"
                      >
                        左包含
                      </option>
                      <option
                        value="right like"
                        title="右包含"
                        data-keys="youbaohan ybh"
                      >
                        右包含
                      </option>
                    </select>
                  </td>
                  <td class="w-td" id="valueBox2" style="overflow: visible">
                    <input
                      type="text"
                      name="value2"
                      id="value2"
                      class="form-control searchInput"
                      autocomplete="off"
                    >
                  </td>
                  <td class="col-md-5"></td>
                </tr>
                <tr id="searchbox3">
                  <td class="w-110px">
                    <select name="andOr2" id="andOr2" class="form-control">
                      <option
                        value="and"
                        selected="selected"
                        title="并且"
                        data-keys="bingqie bq"
                      >
                        并且
                      </option>
                      <option value="or" title="或者" data-keys="huozhe hz">
                        或者
                      </option>
                    </select>
                  </td>
                  <td class="w-10px">
                    <span id="searchgroup3">
                      <strong>第三组</strong>
                    </span>
                  </td>
                  <td class="w-110px" style="overflow: visible">
                    <select
                      name="field3"
                      id="field3"
                      class="form-control"
                      data-live-search="true"
                      data-width="85px"
                      onchange="ifTime(3)"
                    >
                      <option value="blank" title="blank" data-keys=" ">
                        无
                      </option>
                    </select>
                    <div
                      class="chosen-container chosen-container-single chosen-compact chosen-with-search"
                      style="width: 100%;"
                      id="field1_chosen"
                    >
                    </div>
                  </td>
                  <td class="w-90px">
                    <select name="operator3" id="operator3" class="form-control">
                      <option value="=" title="=" data-keys=" ">等于</option>
                      <option value="<>" title="!=" data-keys="! !">
                        不等于
                      </option>
                      <option value=">" title=">" data-keys=" ">大于</option>
                      <option value=">=" title=">=" data-keys=" ">
                        大于等于
                      </option>
                      <option value="<" title="<" data-keys=" ">
                        小于
                      </option>
                      <option value="<=" title="<=" data-keys=" ">
                        小于等于
                      </option>
                      <option value="like" title="包含" data-keys="baohan bh">
                        包含
                      </option>
                      <option
                        value="left like"
                        title="左包含"
                        data-keys="zuobaohan zbh"
                      >
                        左包含
                      </option>
                      <option
                        value="right like"
                        title="右包含"
                        data-keys="youbaohan ybh"
                      >
                        右包含
                      </option>
                    </select>
                  </td>
                  <td class="w-td" id="valueBox3" style="overflow: visible">
                    <input
                      type="text"
                      name="value3"
                      id="value3"
                      class="form-control searchInput"
                      autocomplete="off"
                    >
                  </td>
                  <td class="col-md-5"></td>
                </tr>
                <tr id="searchbox4">
                  <td class="w-110px">
                    <select name="andOr3" id="andOr3" class="form-control">
                      <option value="and" selected="selected" title="并且" data-keys="bingqie bq">
                        并且
                      </option>
                      <option value="or" title="或者" data-keys="huozhe hz">
                        或者
                      </option>
                    </select>
                  </td>
                  <td class="w-10px">
                    <span id="searchgroup4">
                      <strong>第四组</strong>
                    </span>
                  </td>
                  <td class="w-110px" style="overflow: visible">
                    <select
                      name="field4"
                      id="field4"
                      class="form-control"
                      data-live-search="true"
                      data-width="85px"
                      onchange="ifTime(4)"
                    >
                      <option value="blank" title="blank" data-keys=" ">
                        无
                      </option>
                    </select>
                    <div
                      class="chosen-container chosen-container-single chosen-compact chosen-with-search"
                      style="width: 100%;"
                      id="field1_chosen"
                    >
                    </div>
                  </td>
                  <td class="w-90px">
                    <select name="operator4" id="operator4" class="form-control">
                      <option value="=" title="=" data-keys=" ">等于</option>
                      <option value="<>" title="!=" data-keys="! !">
                        不等于
                      </option>
                      <option value=">" title=">" data-keys=" ">大于</option>
                      <option value=">=" title=">=" data-keys=" ">
                        大于等于
                      </option>
                      <option value="<" title="<" data-keys=" ">小于</option>
                      <option value="<=" title="<=" data-keys=" ">
                        小于等于
                      </option>
                      <option value="like" title="包含" data-keys="baohan bh">
                        包含
                      </option>
                      <option
                        value="left like"
                        title="左包含"
                        data-keys="zuobaohan zbh"
                      >
                        左包含
                      </option>
                      <option
                        value="right like"
                        title="右包含"
                        data-keys="youbaohan ybh"
                      >
                        右包含
                      </option>
                    </select>
                  </td>
                  <td class="w-td" id="valueBox4" style="overflow: visible">
                    <input
                      type="text"
                      name="value4"
                      id="value4"
                      class="form-control searchInput"
                      autocomplete="off"
                    >
                  </td>
                  <td class="col-md-5"></td>
                </tr>
                <tr id="searchbox5">
                  <td class="w-110px">
                    <select name="andOr4" id="andOr4" class="form-control">
                      <option
                        value="and"
                        selected="selected"
                        title="并且"
                        data-keys="bingqie bq"
                      >
                        并且
                      </option>
                      <option value="or" title="或者" data-keys="huozhe hz">
                        或者
                      </option>
                    </select>
                  </td>
                  <td class="w-10px">
                    <span id="searchgroup5">
                      <strong>第五组</strong>
                    </span>
                  </td>
                  <td class="w-110px" style="overflow: visible">
                    <select
                      name="field5"
                      id="field5"
                      class="form-control"
                      data-live-search="true"
                      data-width="85px"
                      onchange="ifTime(5)"
                    >
                      <option value="blank" title="blank" data-keys=" ">
                        无
                      </option>
                    </select>
                    <div
                      class="chosen-container chosen-container-single chosen-compact chosen-with-search"
                      style="width: 100%;"
                      id="field1_chosen"
                    >
                    </div>
                  </td>
                  <td class="w-90px">
                    <select name="operator5" id="operator5" class="form-control">
                      <option value="=" title="=" data-keys=" ">等于</option>
                      <option value="<>" title="!=" data-keys="! !">
                        不等于
                      </option>
                      <option value=">" title=">" data-keys=" ">
                        大于
                      </option>
                      <option value=">=" title=">=" data-keys=" ">
                        大于等于
                      </option>
                      <option value="<" title="<" data-keys=" ">小于</option>
                      <option value="<=" title="<=" data-keys=" ">
                        小于等于
                      </option>
                      <option value="like" title="包含" data-keys="baohan bh">
                        包含
                      </option>
                      <option
                        value="left like"
                        title="左包含"
                        data-keys="zuobaohan zbh"
                      >
                        左包含
                      </option>
                      <option
                        value="right like"
                        title="右包含"
                        data-keys="youbaohan ybh"
                      >
                        右包含
                      </option>
                    </select></td>
                  <td class="w-td" id="valueBox5" style="overflow: visible">
                    <input
                      type="text"
                      name="value5"
                      id="value5"
                      class="form-control searchInput"
                      autocomplete="off"
                    >
                  </td>
                  <td class="col-md-5"></td>
                </tr>
                <tr id="searchbox6">
                  <td class="w-110px">
                    <select name="andOr5" id="andOr5" class="form-control">
                      <option
                        value="and"
                        selected="selected"
                        title="并且"
                        data-keys="bingqie bq"
                      >
                        并且
                      </option>
                      <option value="or" title="或者" data-keys="huozhe hz">
                        或者
                      </option>
                    </select>
                  </td>
                  <td class="w-10px">
                    <span id="searchgroup6">
                      <strong>第六组</strong>
                    </span>
                  </td>
                  <td class="w-110px" style="overflow: visible">
                    <select
                      name="field6"
                      id="field6"
                      class="form-control"
                      data-live-search="true"
                      data-width="85px"
                      onchange="ifTime(6)"
                    >
                      <option value="blank" title="blank" data-keys=" ">
                        无
                      </option>
                    </select>
                    <div
                      class="chosen-container chosen-container-single chosen-compact chosen-with-search"
                      style="width: 100%;"
                      id="field1_chosen"
                    >
                    </div>
                  </td>
                  <td class="w-90px">
                    <select name="operator6" id="operator6" class="form-control">
                      <option value="=" title="=" data-keys=" ">等于</option>
                      <option value="<>" title="!=" data-keys="! !">
                        不等于
                      </option>
                      <option value=">" title=">" data-keys=" ">大于</option>
                      <option value=">=" title=">=" data-keys=" ">
                        大于等于
                      </option>
                      <option value="<" title="<" data-keys=" ">小于</option>
                      <option value="<=" title="<=" data-keys=" ">
                        小于等于
                      </option>
                      <option value="like" title="包含" data-keys="baohan bh">
                        包含
                      </option>
                      <option
                        value="left like"
                        title="左包含"
                        data-keys="zuobaohan zbh"
                      >
                        左包含
                      </option>
                      <option
                        value="right like"
                        title="右包含"
                        data-keys="youbaohan ybh"
                      >
                        右包含
                      </option>
                    </select>
                  </td>
                  <td class="w-td" id="valueBox6" style="overflow: visible">
                    <input
                      type="text"
                      name="value6"
                      id="value6"
                      class="form-control searchInput"
                      autocomplete="off"
                    />
                  </td>
                  <td class="col-md-5"></td>
                </tr>
                <tr>
                  <td colspan="6" class="text-center form-actions">
                    <input type="hidden" name="module" id="module" value="bug">
                    <input
                      type="hidden"
                      name="actionURL"
                      id="actionURL"
                      value="/zentao/bug-browse-2-0-bySearch-myQueryID.html"
                    >
                    <input
                      type="hidden"
                      name="groupItems"
                      id="groupItems"
                      value="3"
                    >
                    <input
                      type="hidden"
                      name="formType"
                      id="formType"
                      value="more"
                    >
                  </td>
                </tr>
              </tbody>
            </table>

            <!-- 检索历史命名模态框 start -->
            <div
              class="modal fade"
              id="saveModal"
              role="dialog"
              aria-labelledby="myModalLabel"
              aria-hidden="true"
              style="background-color: rgba(0, 0, 0, 0.5)"
              data-backdrop="static"
            >
              <div class="modal-dialog" style="width: 23%; height: 220px;">
                <div class="modal-content" style="width: auto;">
                  <div class="modal-header">
                    <button
                      type="button"
                      class="close"
                      data-dismiss="modal"
                      aria-hidden="true"
                    >
                      &times;
                    </button>
                    <h4 class="modal-title" id="titleModal">检索历史命名</h4>
                  </div>
                  <div class="modal-body" style="height: auto; padding: 10px;">
                    <form id="checkForm" class="form-group">
                      <div style="display: inline-block; overflow: hidden; margin-right: 15px;">
                        <table
                          border="0"
                          cellspacing="0"
                          cellpadding="0"
                          class="table-condensed normal-table table-content"
                        >
                          <tr>
                            <td class="title">
                              <span class="sub">
                                <span class="requiredCss">*</span>检索名称保存为：
                              </span>
                            </td>
                            <td>
                              <input
                                type="text"
                                id="recordName"
                                name="recordName"
                                class="clean_c form-control"
                              />
                            </td>
                          </tr>
                        </table>
                        <table
                          border="0"
                          cellspacing="0"
                          cellpadding="0"
                          class="table-condensed normal-table table-content"
                          style="margin-top: 5px;"
                        >
                          <tr>
                            <td class="title" colspan="6">
                              <span class="requiredCss sub">
                                注：带*为必填字段。
                              </span>
                            </td>
                          </tr>
                        </table>
                        <div style="width: 100%; position: relative;">
                          <div style="text-align: center; margin-top: 15px;">
                            <button
                              type="button"
                              class="btn btn-default" id="confirms"
                              style="margin-right: 20px;"
                            >
                              确定
                            </button>
                            <button
                              type="button"
                              class="btn btn-default"
                              id="cancel"
                              data-dismiss="modal"
                            >
                              取消
                            </button>
                          </div>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
            <!-- 检索历史命名模态框 end -->

            <div id="extend" style="margin-top: 5px; display: none;">
              <div style="clear: both;">
                <span class="spanCss">物料代码：</span>
                <input
                  type="text"
                  id="fNumber"
                  name="fNumber"
                  class="form-control clean_C"
                  style="width: 100px; margin-right: 10px;"
                  autocomplete="off"
                />
                <span class="spanCss">规格型号：</span>
                <input
                  type="text"
                  id="fModel"
                  name="fModel"
                  class="form-control clean_C" style="width: 100px; margin-right: 10px;"
                  autocomplete="off"
                />
                <span class="spanCss">派工人：</span>
                <input
                  type="text"
                  id="fBillerName"
                  name="fBillerName"
                  class="form-control clean_C"
                  style="width: 80px; margin-right: 10px;"
                  autocomplete="off"
                />
                <span class="spanCss">工序号：</span>
                <input
                  type="text"
                  id="fOperSN"
                  name="fOperSN"
                  class="form-control clean_C"
                  style="width: 70px; margin-right: 10px;"
                  autocomplete="off"
                />
                <span class="spanCss">报工时的工序名称：</span>
                <input
                  type="text"
                  id="fOper"
                  name="fOper"
                  class="form-control clean_C"
                  style="width: 90px; margin-right: 10px;"
                  autocomplete="off"
                />
                <span class="spanCss">派工时的工序名称：</span>
                <input
                  type="text"
                  id="fDisOper"
                  name="fDisOper"
                  class="form-control clean_C"
                  style="width: 90px; margin-right: 10px;"
                  autocomplete="off"
                />
              </div>
              <div>
                <span class="spanCss">设备名称：</span>
                <input
                  type="text"
                  id="fMachine"
                  name="fMachine"
                  class="form-control clean_C"
                  style="width: 99px; margin-right: 10px;"
                  autocomplete="off"
                />
                <span class="spanCss">工作中心：</span>
                <select
                  name="fDepId"
                  id="fDepId"
                  class="selectpicker clean_C "
                  data-live-search="true"
                  data-width="120px"
                >
                </select>
              </div>
            </div>
            <div style="margin-top: 5px;">
              <table id="infoTable" class="table dataTable table-hover">
              </table>
            </div>
          </div>

          <!-- 调用showModal里的queryModal，查询行 -->
          <div th:include="Production/showModal :: queryModal" />
          <div th:include="Production/customColumnModal :: customColumnModal" />
        </div>
      </div>
    </div>
  </div>
  </div>
  <div th:include="base :: bottom" />
  <div th:include="base :: bootstrapTable" />
  <div th:include="base :: tableExport" />
  <div th:include="base :: others" />
  <div th:include="base :: ztree" />
  <script th:src="@{js/WareHouse/outsourcingSettleStorage.js}"></script>
  <script th:src="@{js/Production/showModal.js}"></script>
  <!-- TODO:完成按条件搜索功能 -->
  <!-- <script th:src="@{js/TaiZhang/bgTzCommon.js}"></script> -->
  <!-- <script th:src="@{js/TaiZhang/newtZCommon.js}"></script> -->
</body>
</html>